<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>滕娟—面试前端开发—2023</title>
    <link rel="stylesheet" href="./css/main.css" media="(min-width:426px)">
    <link rel="stylesheet" href="./css/phone.css" media="(max-width:425px)">
    <link rel="stylesheet" href="./css/print.css" media="print">
</head>

<body>
    <div id="page" class="layout">
        <div class="resume-link">
            <!-- <a href="" download>PDF简历</a> -->
        </div>
        <!-- <header>
            <h1>滕 娟</h1>
            <p>应聘 Web 前端开发</p>
        </header> -->
        <aside>

            <header>
                <h2>滕 娟</h2>
                <div>前端开发工程师
                </div>
            </header>
            <section class="person-wrapper">
                <div class="personal">
                    <h2>基本信息</h2>
                    <div class="item">
                        <span>学历</span>
                        <span>本科</span>
                    </div>

                    <div class="item">
                        <span>毕业</span>
                        <span>2017</span>
                    </div>
                    <div class="item">
                        <span>年龄</span>
                        <span>29</span>
                    </div>
                    <div class="item">
                        <span>专业</span>
                        <span>计算机科学与技术</span>
                    </div>
                </div>
            </section>
            <section>
                <div class="skills">
                    <h2>相关技能</h2>
                    <div class="item">
                        <p class="keyword">JavaScript/ HTML 5/ CSS 3</p>
                        <p class="rule"><i style="width: 75%"></i></p>
                    </div>
                    <div class="item">
                        <p class="keyword">Vue/ Vuex/ Vue Router/ Axios</p>
                        <p class="rule"><i style="width: 65%"></i></p>
                    </div>

                    <div class="item">
                        <p class="keyword">Webpack/ Parcel</p>
                        <p class="rule"><i style="width: 70%"></i></p>
                    </div>
                    <div class="item">
                        <p class="keyword">ES6</p>
                        <p class="rule"><i style="width: 73%"></i></p>
                    </div>
       






                </div>
            </section>
            <section>
                <div class="contact">
                    <h2>联系方式</h2>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-dianhua"></use>
                        </svg>
                        <span>132-9648-5389</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weixin"></use>
                        </svg>
                        <span>TengTong2021</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-icon-test"></use>
                        </svg>
                        <span>2646709035@qq.com</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-chengshi"></use>
                        </svg>
                        <span>杭州</span>
                    </div>
                </div>
            </section>
            <section>
                <div class="more">
                    <h2>了解更多</h2>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-boke"></use>
                        </svg>
                        <span class="link"><a href="https://www.jianshu.com/u/3ccf257cc58e">个人博客主页</a></span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-GitHub"></use>
                        </svg>
                        <span class="link"><a href="https://github.com/mumu111111/">访问 GitHub</a></span>
                    </div>
                </div>
            </section>
            <div class="line"></div>
            <section class="skill">
                <h2>技能</h2>
                <P>掌握常用的布局，能够完成界面整洁、交互友好的网页，高度还原 UI 视觉稿。</P>
                <p>JavaScript基础掌握良好。理解例如<span class="highlight">闭包、原型、异步</span>等。</p>
                <p>掌握 <span class="highlight">ES6</span> 的常用知识，并能运用在实际项目中。</p>
                <p>掌握CSS的<span class="highlight">盒模型、浮动、媒体查询、布局</span>。</p>
                <p>了解同源策略，以及常用的跨域方法，比如<span class="highlight">JSONP、CORS</span>。</p>

                <p>技术栈<span class="highlight">Vue</span> ，及其周边生态如 <span class="highlight">vue-router、vuex</span>等，具有实际应用经验。</p>
                <p>了解HTTP协议，能够根据HTTP<span class="highlight" 请求、响应</span>和状态码排除问题。</p>
            </section>
        </aside>
        <main>


            <section>
                <h2>工作经历</h2>

          

                <div class="item">
                    <h3>创业慧康科技股份有限公司 </h3>
                    <ul>
                        <li> 2021.07-至今        前端开发 </li>

                        <li>
                           
深度参与公司的后台管理系统和门户的开发。独立承担并完成了门户页面、系统页面的开发。
</li>
<li>
负责项目前端架构，整理开发文档与需求，确定相关技术栈和开发规范。

</li>
<li> 
    将公共组件、方法、样式与非业务模块等进行封装，在开发过程中不断完善公共依赖库，并在项目各个组件中得以复用，提升开发效率。
</li>




<!-- 深度参与公司法禅产品的业务开发，该产品目的是零成本完成纸质案例电子化，为律师、律所提供先进的人工智能案例库解决方案
独立承担并完成了案例列表、案例管理、办案笔记等页面的开发，其中涉及到的重难点技术包括富文本编辑、动态表单等
前端项目基于AngularJS 开发，运用框架的各种特性完成了页面的用户交互及数据对接，并实现了前后端的完全分离
使用Gulp工具打包项目并部署上线，后期使用Webpack 完成了项目的自动化构建
使用ECharts 等可视化技术开发了系统中的数据图表，实时展现了各种后台数据及系统中用户数据的变化情况
配合UI和后端，根据产品需求，开发移动端页面，移动端页面使用 flexible.js适配，前期基于rem伸缩布局方案，后期过渡到vw、
flex布局方案
后期维护并解决了系统的各种功能性bug及浏览器兼容问题 -->



                        </li>
                    </ul>
                </div>


                <div class="item">
                    <h3>青岛企账房信息科技有限公司  </h3>
                    <ul>
                        <li> 2019.12 - 2021.02       前端开发 </li>

                        
                        <li> 
负责根据需求编写html和css的代码，实现页面效果，还原设计稿。 

                        </li>
                        <li> 
和后端配合进行接口联调以及后续的业务开发。 

                        </li>
                        <li> 
与测试、后台人员配合优化用户体验。 

                        </li>
                        <li> 
技术栈主要使用了Vue、Vuex、Vue-Router、localStorage、axios、es6等技术实现项目。

                        </li>


                    </ul>
                </div>



                
            </section>



            <section>
                <h2>项目经历</h2>

                <div class="item">
                    <h3>COKE UI组件库</h3>
                    <ul>
                        <li>
                            <strong>项目介绍：</strong>项目使用Vue 3创建的UI组件库，有Button、Switch、
                            Tabs等常见的UI组件。通过该项目,对Vue 3有了进一步认识，模块
                            化的代简洁明了，易于阅读。此外，还推出一个简单的官方文档说
                            明，并支持电脑手机浏览。
                            
                        </li>
                        <li><strong>技术栈：Vue 3/ Vue-Router/ Vite/ svg
                        </strong></li>
                        <li><strong>浏览链接：</strong><a href="https://mumu111111.github.io/COKE-website/index.html#/">点击预览</a></li>

                        <li><strong>项目源码：</strong><a href="https://github.com/mumu111111/gulu-ui">查看代码</a></li>
                    </ul>
                </div>
                <div class="item">
                    <h3>可乐记账
                    </h3>
                    <!-- <img src="./img/board1.png" alt="图图画板"> -->
                    <ul>
                        <li>
                            <strong>项目简介：</strong>一款独属于你的移动端记账应用,更好的记录当天或者一段时间内的花费情况及具体的消费内容而开发。已实现了记账、标签管理、数据统计、可视化等功能。 在Vue
                            项目中使用Vuex实现了组件数据的全局管理， 使用LocalStorage实现了应用数据的本地存储功能， 使用 Vue-Router 来实现路由切换，使用 Vuex 来实现全局数据管理。
                        </li>
                        <li><strong>技术栈：Vue/ Vue-Router/ Vuex/ TypeScript/ Echarts/
                        </strong></li>
                        <li>
                            <strong>浏览链接：</strong>
                            <a href="https://mumu111111.github.io/tally-vue-website">点击预览</a>
                        </li>
                        <li>
                            <strong>项目源码：</strong>
                            <a href="https://github.com/mumu111111/tally-vue/">查看代码</a>
                        </li>
                    </ul>
                </div>
                <div class="item">
                    <h3>原生JS造轮子</h3>
                    <!-- <img src="./img/music1.jpg" alt="music"> -->
                    <ul>
                        <li>
                            <strong>项目介绍：</strong>一套基于原生JavaScript开发的组件库，无依赖、体积小、简单易用。包含tab切换、轮播、DOM工具库。后续还会不断更新完善。
                        </li>
                        <li><strong>浏览链接：</strong><a href="https://mumu111111.github.io/LunZi-JS/">点击预览</a></li>

                        <li><strong>项目源码：</strong><a href="https://github.com/mumu111111/LunZi-JS">查看代码</a></li>
                    </ul>
                </div>
                
            
                <div class="item">
                    <h3>小程序：微阅翻译</h3>
                    <img src="./img/fanyi.jpg" alt="mini-programs">
                    <ul>
                        <li>
                            <strong>项目介绍：</strong>如果和外国人交流有障碍或者出国语言不通而造成困扰，怎么办？基于这个需求开发了一款提供便捷的翻译功能的微信小程序，有多国语言快速翻译体验，包括中、日、英、法、韩、西班牙和阿拉伯语。该项目以百度翻译 API
                            为服务器域名提供支持，主要包、含
                            翻译首页、语言列表页和历史页。项目逻辑简单，页面清新，提供了7种语言选择。
                        </li>
                        <li><strong>项目源码：</strong><a href="https://github.com/mumu111111/Mini-Program-fanyi">查看代码</a>
                        </li>
                        <li><strong>浏览项目：</strong>微信搜索小程序——
                            <微阅翻译>或扫描示例图（PDF 版本不显示）中二维码。</li>
                    </ul>
                </div>

                <div class="item">
                    <h3>图图画板</h3>
                    <img src="./img/board1.png" alt="图图画板">
                    <ul>
                        <li>
                            <strong>项目简介：</strong>在线画板，</strong>是一个手触感体验式的画画小工具。可以在PC和手机端进行体验。
                             已提供了画画、擦除画错的内容、可选多种颜色、一键内容删除、下载画作等功能。当然可以画画，也可以用于手写记录内容。主要利用 canvas 以及原生 JavaScript 实现。
                        </li>
                        <li>
                            <strong>浏览链接：</strong>
                            <a href="https://mumu111111.github.io/canvas/">点击预览</a>
                        </li>
                        <li>
                            <strong>项目源码：</strong>
                            <a href="https://github.com/mumu111111/canvas">查看代码</a>
                        </li>
                       
                    </ul>
                </div>
            </section>

        </main>

    </div>
    <script src="//at.alicdn.com/t/font_1172955_v4jfojnthd.js"></script>
</body>

</html>